<%@ page language="java" contentType="text/html;charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<fmt:setBundle basename="top.wsuo.message.blog"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title><fmt:message key="blog.edit.title"/></title>
    <link rel="stylesheet" href="../static/css/uikit.min.css">
    <link rel="stylesheet" href="../static/css/uikit.gradient.min.css">
    <link rel="stylesheet" href="../static/css/awesome.css">
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/uikit.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#vm').show();
        });
    </script>
</head>
<body class="uk-height-1-1">
<nav class="uk-navbar uk-navbar-attached uk-margin-bottom">
    <div class="uk-container uk-container-center">
        <a href="#" class="uk-navbar-brand"><fmt:message key="menu.blog"/></a>
        <ul class="uk-navbar-nav">
            <li><a href="../home.jsp"><i class="uk-icon-home"></i> <fmt:message
                    key="menu.home"/></a></li>
            <li><a href="edit.jsp"><i class="uk-icon-book"></i> <fmt:message
                    key="menu.edit"/></a></li>
            <li><a href="../message/message.jsp"><i
                    class="uk-icon-align-left"></i> <fmt:message key="menu.message"/></a></li>
            <li><a href="../message/write.jsp"><i class="uk-icon-edit"></i>
                <fmt:message key="menu.write"/></a></li>
            <li><a href="../picture/picture.jsp"><i class="uk-icon-file"></i>
                <fmt:message key="menu.picture"/></a></li>
            <li><a href="../picture/upload.jsp"><i class="uk-icon-arrow-up"></i>
                <fmt:message key="menu.upload"/></a></li>
        </ul>
        <div class="uk-navbar-flip">
            <ul class="uk-navbar-nav">
                <li class="uk-parent" data-uk-dropdown><a href="#"><i
                        class="uk-icon-user"></i> ${ user.getUsername() }</a>
                    <div class="uk-dropdown uk-dropdown-navbar">
                        <ul class="uk-nav uk-nav-navbar">
                            <li><a href="../user/modify.jsp"><i class="uk-icon-cog"></i>
                                <fmt:message key="menu.modify_information"/></a></li>
                        </ul>
                    </div>
                </li>
                <li><a href="../user/logout.do"><i class="uk-icon-sign-in"></i>
                    <fmt:message key="menu.logout"/></a></li>
            </ul>
        </div>
    </div>
</nav>

<div class="uk-container uk-container-center">
    <div class="uk-grid">
        <!-- content -->
        <div class="uk-width-1-1 uk-margin-bottom">
            <div class="uk-panel uk-panel-box">
                <ul class="uk-breadcrumb">
                    <li><a href="../home.jsp"><fmt:message key="menu.home"/></a></li>
                    <li><a href="../picture/picture.jsp"><fmt:message
                            key="menu.picture"/></a></li>
                    <li><a href="../message/message.jsp"><fmt:message
                            key="menu.message"/></a></li>
                </ul>
            </div>
        </div>
        <div id="vm" class="uk-width-2-3">
            <form method="post" action="edit.do" class="uk-form uk-form-stacked">
                <div class="uk-alert uk-alert-danger uk-hidden"></div>
                <div class="uk-form-row">
                    <label class="uk-form-label"><fmt:message
                            key="blog.edit.form_title"/></label>
                    <div class="uk-form-controls">
                        <input v-model="title" name="title" type="text"
                               placeholder="<fmt:message key="blog.edit.form_title" />"
                               class="uk-width-1-1">
                    </div>
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"><fmt:message
                            key="blog.edit.form_type"/></label>
                    <div class="uk-form-controls">
							<textarea v-model="type" rows="1" name="type"
                                      placeholder="<fmt:message key="blog.edit.form_type" />"
                                      class="uk-width-1-1" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"><fmt:message
                            key="blog.edit.form_decoration"/></label>
                    <div class="uk-form-controls">
							<textarea v-model="decoration" rows="4" name="decoration"
                                      placeholder="<fmt:message key="blog.edit.form_decoration" />"
                                      class="uk-width-1-1" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"><fmt:message
                            key="blog.edit.form_text"/></label>
                    <div class="uk-form-controls">
							<textarea v-model="text" rows="16" name="text"
                                      placeholder="<fmt:message key="blog.edit.form_text" />"
                                      class="uk-width-1-1" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="uk-form-row">
                    <button type="submit" class="uk-button uk-button-primary">
                        <i class="uk-icon-save"></i>
                        <fmt:message key="blog.edit.save"/>
                    </button>
                    <a href="../home.jsp" class="uk-button"><i
                            class="uk-icon-times"></i> <fmt:message key="blog.edit.cancel"/></a>
                </div>
            </form>
        </div>
        <!-- // content -->
    </div>
</div>
<%--底部栏目--%>
<%@include file="/component/footer.jsp" %>
</body>
</html>